/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, {Component} from 'react';
import {
    Platform,
    StyleSheet,
    Text,
    View,
    Image,
    SafeAreaView,
    TouchableOpacity,
    Dimensions
} from 'react-native';
// import {observer} from 'mobx-react';
import ImageTextWithArrowView from "./ImageTextWithArrowView";
import DividerLineH from "./DividerLineH";
let screenW = Dimensions.get('window').width;
type Props = {};
export default class SettingScreen extends Component<Props> {

    constructor(props) {
        super(props);

        this.state = {
            value: 1
        }
    }

    // static navigationOptions = ({ navigation }) => {
    //     return {
    //         header: (
    //             <NavigationHeader
    //                 titleItemTextStyle={{ color: colors.titleColor }}
    //                 navigation={navigation}
    //                 backgroundColor={colors.whiteColor}
    //                 navigationTitleItem={''}
    //                 statusBarStyle={'dark-content'}
    //                 themeStyle={'default'}
    //             />
    //         )
    //     };
    // };


    componentDidMount() {

    }

    renderHeader = () => {
        return (
            <View style={{flexDirection: 'row', width: screenW, height: 70, alignItems: 'center', backgroundColor: 'red'}}>
                <Image style={{height: 50, width: 50, borderRadius: 25, backgroundColor:'green'}}/>
                <Text style={{fontSize: 15, fontWeight: '400', marginLeft: 10, color: '222'}}>{'66666666669'}</Text>
                <Image style={{height: 50, width: 50, borderRadius: 25}}/>
            </View>
        );
    }
    renderContent = () => {
        return (
            <View style={{width:screenW}}>
                <ImageTextWithArrowView textName={'绑定手机'}/>
                <DividerLineH/>
                <ImageTextWithArrowView textName={'修改密码'}/>
                <DividerLineH/>
                <ImageTextWithArrowView textName={'收货地址'}/>
                <DividerLineH/>
                <ImageTextWithArrowView textName={'清除缓存'}/>
                <DividerLineH/>
                <ImageTextWithArrowView textName={'版本'}/>
            </View>
        );
    }



    render() {

        return (
            <View style={styles.container}>
                {this.renderHeader()}
                {this.renderContent()}
            </View>
        );
    }




}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
    }
});

